<template>
  <div class="ReadMore">
    <!-- 头部 -->
    <read-head />
    <!-- 统计 -->
    <count />
    <!-- 简介 -->
    <synopsis />
    <!-- 目录 -->
    <contents />
    <!-- 评论 -->
    <comment />
    <!-- 相关推荐 -->
    <related/>
    <!-- 底部导航 -->
    <bnav/>
    <router-view />
  </div>
</template>
<script>
// 头部
import ReadHead from "../components/readmore/ReadHead.vue";
// 统计
import Count from "../components/readmore/Count.vue";
// 简介
import Synopsis from "../components/readmore/Synopsis.vue";
// 目录
import Contents from "../components/readmore/Contents.vue";
// 评论
import Comment from "../components/readmore/Comment.vue";
// 相关推荐
import Related from "../components/readmore/Related.vue"
//底部导航
import Bnav from "../components/readmore/Bnav.vue"
export default {
  components: {
    ReadHead,
    Count,
    Synopsis,
    Contents,
    Comment,
    Related,
    Bnav
  },
};
</script>
<style lang="scss">
* {
  margin: 0;
  padding: 0;
}

body {
  background-color: rgb(248, 249, 249);
}

a {
  text-decoration: none;
}

h1,
h2,
h3 {
  font-weight: bold;
}
ul,
li {
  list-style: none;
}
</style>
